<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>机勘院智能业务系统</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css">
    <!-- CSS变量 -->
    <link rel="stylesheet" href="css/variables.css">
    <!-- 组件CSS -->
    <link rel="stylesheet" href="css/components.css">
    <!-- 数据分析和帮助中心样式 -->
    <link rel="stylesheet" href="css/analytics.css">
    <!-- 自定义CSS -->
    <link rel="stylesheet" href="css/main.css">
    <!-- Font Awesome 图标 -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.1/css/all.min.css">
    <!-- Google Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
    <!-- jQuery -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js"></script>
    
    <!-- 确保兼容性 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- 收藏夹图标 -->
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    
    <!-- 移动设备图标 -->
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    
    <!-- Meta 描述 -->
    <meta name="description" content="机勘院智能业务系统 - 智能化工作平台，提供文件管理、知识库和智能对话等功能">
    <meta name="keywords" content="智能业务, 机勘院, 智能系统, 知识库, 文件管理">
</head>
<body>
    <!-- 顶部导航栏 -->
    <header class="deepseek-header">
        <div class="deepseek-header-brand">
            <div class="deepseek-header-mobile-toggle" id="sidebarToggle">
                <i class="fas fa-bars"></i>
            </div>
            <a href="index.html" class="deepseek-logo">
                <img src="images/logo.png" alt="机勘院Logo" height="40" class="me-2">
                <span>智能业务系统</span>
            </a>
        </div>
        <div class="deepseek-header-actions">
            <div class="deepseek-search-bar">
                <i class="fas fa-search"></i>
                <input type="text" placeholder="搜索..." id="globalSearch">
            </div>
            <div class="dropdown">
                <a href="#" class="position-relative me-2 fs-5 text-body" id="notificationsDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fas fa-bell"></i>
                    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
                        3
                    </span>
                </a>
                <div class="dropdown-menu dropdown-menu-end shadow-sm" aria-labelledby="notificationsDropdown" style="min-width: 280px;">
                    <div class="dropdown-header d-flex justify-content-between align-items-center">
                        <span>通知</span>
                        <a href="#" class="text-muted text-decoration-none small">全部标为已读</a>
                    </div>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item py-2">
                        <div class="d-flex align-items-center">
                            <div class="flex-shrink-0 me-2">
                                <div class="avatar avatar-sm bg-primary text-white rounded-circle">
                                    <i class="fas fa-file-alt"></i>
                                </div>
                            </div>
                            <div class="flex-grow-1 pe-2">
                                <p class="mb-0 text-truncate">新文件上传完成</p>
                                <span class="text-muted small">3分钟前</span>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="dropdown-item py-2">
                        <div class="d-flex align-items-center">
                            <div class="flex-shrink-0 me-2">
                                <div class="avatar avatar-sm bg-success text-white rounded-circle">
                                    <i class="fas fa-check"></i>
                                </div>
                            </div>
                            <div class="flex-grow-1 pe-2">
                                <p class="mb-0 text-truncate">系统升级成功</p>
                                <span class="text-muted small">2小时前</span>
                            </div>
                        </div>
                    </a>
                    <a href="#" class="dropdown-item py-2">
                        <div class="d-flex align-items-center">
                            <div class="flex-shrink-0 me-2">
                                <div class="avatar avatar-sm bg-warning text-white rounded-circle">
                                    <i class="fas fa-exclamation-triangle"></i>
                                </div>
                            </div>
                            <div class="flex-grow-1 pe-2">
                                <p class="mb-0 text-truncate">存储空间不足</p>
                                <span class="text-muted small">昨天</span>
                            </div>
                        </div>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item text-center text-primary small">查看所有通知</a>
                </div>
            </div>
            <div class="dropdown">
                <a href="#" class="d-flex align-items-center text-decoration-none dropdown-toggle" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                    <img src="images/avatar.png" alt="用户头像" width="32" height="32" class="rounded-circle me-2">
                    <span>管理员</span>
                </a>
                <ul class="dropdown-menu dropdown-menu-end shadow-sm" aria-labelledby="userDropdown">
                    <li><a class="dropdown-item" href="#"><i class="fas fa-user me-2 text-muted"></i>个人资料</a></li>
                    <li><a class="dropdown-item" href="#"><i class="fas fa-cog me-2 text-muted"></i>账号设置</a></li>
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item" href="#"><i class="fas fa-question-circle me-2 text-muted"></i>帮助中心</a></li>
                    <li><hr class="dropdown-divider"></li>
                    <li><a class="dropdown-item" href="#"><i class="fas fa-sign-out-alt me-2 text-muted"></i>退出登录</a></li>
                </ul>
            </div>
        </div>
    </header>

    <div class="deepseek-overlay" id="sidebarOverlay"></div>

    <!-- 主体内容 -->
    <div class="d-flex">
        <!-- 侧边导航栏 -->
        <div class="deepseek-sidebar" id="sidebar">
            <div class="deepseek-nav-section">
                <div class="deepseek-nav-section-title">主要功能</div>
                <a href="#" class="deepseek-nav-item active" id="home-link">
                    <i class="fas fa-home"></i>
                    <span>首页</span>
                </a>
                <a href="#" class="deepseek-nav-item" id="chat-link">
                    <i class="fas fa-comments"></i>
                    <span>智能会话</span>
                </a>
                
                <!-- 有子菜单的导航项 -->
                <a href="#" class="deepseek-nav-item" id="file-link" data-bs-toggle="collapse" data-bs-target="#fileSubmenu" aria-expanded="false">
                    <i class="fas fa-folder"></i>
                    <span>文件库</span>
                    <i class="fas fa-chevron-down deepseek-nav-collapse"></i>
                </a>
                <div class="collapse" id="fileSubmenu">
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="allFiles">
                        所有文件
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="recentFiles">
                        最近文件
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="sharedFiles">
                        共享文件
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="uploadFile">
                        上传文件
                    </a>
                </div>
                
                <a href="#" class="deepseek-nav-item" id="knowledge-link" data-bs-toggle="collapse" data-bs-target="#knowledgeSubmenu" aria-expanded="false">
                    <i class="fas fa-book"></i>
                    <span>知识库</span>
                    <i class="fas fa-chevron-down deepseek-nav-collapse"></i>
                </a>
                <div class="collapse" id="knowledgeSubmenu">
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="browseKnowledge">
                        浏览知识
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="searchKnowledge">
                        搜索知识
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="createKnowledge">
                        创建知识
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="manageKnowledge">
                        管理知识
                    </a>
                </div>
            </div>
            
            <div class="deepseek-nav-section">
                <div class="deepseek-nav-section-title">系统工具</div>
                <a href="#" class="deepseek-nav-item" id="system-link" data-bs-toggle="collapse" data-bs-target="#systemSubmenu" aria-expanded="false">
                    <i class="fas fa-cogs"></i>
                    <span>系统管理</span>
                    <i class="fas fa-chevron-down deepseek-nav-collapse"></i>
                </a>
                <div class="collapse" id="systemSubmenu">
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="systemConfig">
                        系统配置
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="userManagement">
                        用户管理
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="rolesPermissions">
                        角色权限
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="systemLogs">
                        系统日志
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="dataBackup">
                        数据备份
                    </a>
                    <a href="#" class="deepseek-nav-dropdown-item" data-action="aiConfig">
                        智能业务配置
                    </a>
                </div>
                <a href="#" class="deepseek-nav-item" id="data-link">
                    <i class="fas fa-database"></i>
                    <span>数据分析</span>
                    <span class="badge">New</span>
                </a>
                
                <a href="#" class="deepseek-nav-item" id="help-link">
                    <i class="fas fa-question-circle"></i>
                    <span>帮助中心</span>
                </a>
            </div>
        </div>
            
        <!-- 主内容区域 -->
        <div class="deepseek-main" id="main-content">
            <!-- Homepage content will be loaded here by JS -->
        </div>
    </div>

    <!-- 切换深色/浅色模式按钮 -->
    <button class="theme-toggle" id="themeToggle">
        <i class="fas fa-moon"></i>
    </button>

    <!-- 自定义JavaScript -->
    <script src="js/main.js"></script>
</body>
</html> 